<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sub.css" />
		<link rel="stylesheet" type="text/css" href="css/discover-1.15.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-pull-left locat-name" href="#"><span>重庆</span>&nbsp;<i class="icon-down"></i></a>
			<div class="input-wrap mui-clearfix">
				<input type="text" name="" id="search-btn" value="" placeholder="产品  商家  风格  服务类型" />
				<a href="" class="icon-search mui-pull-right"></a>
			</div>
			<a class="mui-pull-right icon-serve server"></a>
		</header>
		<div class="mui-content">
			<!--主题内容-->

			<!--S二级导航-->
			<div id="sort-title" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<div class="mui-scroll sub-nav">
					<a class="mui-control-item mui-active" data-index="0">
						婚礼管家
					</a>
					<a class="mui-control-item" data-index="1">
						婚礼酒店
					</a>
					<a class="mui-control-item" data-index="2">
						婚礼策划
					</a>
					<a class="mui-control-item" data-index="3">
						婚纱摄影
					</a>
					<a class="mui-control-item" data-index="4">
						蜜月旅行
					</a>
					<a class="mui-control-item" data-index="5">
						四大金刚
					</a>
				</div>
			</div>
			<!--E二级导航-->

			<!--S筛选框-->
			<div id="selectWrap">
				<!--<div class="select-sort">
				<a href="" class="select-btn active">策划商家</a>
				<a href="" class="select-btn" >策划案例</a>
			</div>
			<div class="select">
				<div class="select-wrap mui-clearfix">
					<div class="select-header mui-pull-left mod-title-24">
						婚礼策划数：
					</div>
					<div class="select-content mui-pull-left">
						<ul>
							<li class="active">10场以下 </li>
							<li>10-50场以下 </li>
							<li>50-200场以下 </li>
							<li>200场以上 </li>
						</ul>
					</div>
				</div>
				<div class="select-wrap mui-clearfix">
					<div class="select-header mui-pull-left">
						性别：
					</div>
					<div class="select-content mui-pull-left">
						<ul>
							<li class="active">男 </li>
							<li>女 </li>
						</ul>
					</div>
				</div>
			</div>-->
			</div>
			<!--E筛选框-->

			<div id="content-wrap">

			</div>

		</div>
		<!--脚部-->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html" data-id="index">
				<span class="foot-icon icon-home"></span>
				<span class="foot-icon-active icon-homeA"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" href="discover.html" data-id="discover">
				<span class="foot-icon icon-discover"></span>
				<span class="foot-icon-active icon-discoverA"></span>
				<span class="mui-tab-label">发现</span>
			</a>
			<a class="mui-tab-item" href="newsay.html" data-id="newsay">
				<span class="foot-icon icon-say"></span>
				<span class="foot-icon-active icon-sayA"></span>
				<span class="mui-tab-label">新人说</span>
			</a>
			<a class="mui-tab-item" href="shop.html" data-id="shop">
				<span class="foot-icon icon-shop"></span>
				<span class="foot-icon-active icon-shopA"></span>
				<span class="mui-tab-label">商城</span>
			</a>
			<a class="mui-tab-item" href="myshemher.html" data-id="myshemher">
				<span class="foot-icon icon-personal"></span>
				<span class="foot-icon-active icon-personal"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<!--S筛选框-->
		<script type="text/html" id="selectJs">
			<div class="select-sort">
				{{each sortData as item index}}
				<a href="javascript:void(0);" class="select-btn {{index==0?'active':''}}" data-draw="{{item.split("*")[1]}}">{{item.split("*")[0]}} <span class="icon-down"></span></a>
				{{/each}}
			</div>
			<div class="select">
				<div class="select-wrap mui-clearfix">
					<div class="select-header mui-pull-left mod-title-24">
						婚礼策划数：
					</div>
					<div class="select-content mui-pull-left">
						<ul>
							<li class="active">10场以下 </li>
							<li>10-50场以下 </li>
							<li>50-200场以下 </li>
							<li>200场以上 </li>
						</ul>
					</div>
				</div>
				<div class="select-wrap mui-clearfix">
					<div class="select-header mui-pull-left mod-title-24">
						性别：
					</div>
					<div class="select-content mui-pull-left">
						<ul>
							<li class="active">男 </li>
							<li>女 </li>
						</ul>
					</div>
				</div>
			</div>
		</script>
		<!--S筛选框-->

		<!--S婚礼管家列表0-->
		<script type="text/html" id="hlgjJs">
			<div class="item-list">
				{{each arr as item index}}
				<div class="steward-item mui-clearfix">
						<div class="steward-item-header mui-pull-left">
							<img src="http://placehold.it/220x330" />
						</div>
						<div class="steward-item-body mui-pull-left">
							<h2 class="mod-title-30 mui-ellipsis before-icon"><i></i>金牌大师</h2>
							<p class="mod-info-20 mui-ellipsis">婚礼策划数 199</p>
							<p class="mod-info-20 mui-ellipsis">方案好评率 100%</p>
							<h2 class="mod-title-24 mui-ellipsis mt12">管家介绍</h2>
							<p class="mod-info-20 sib-detail mt20">0年从业经验，17年7月 加入相合婚礼管家团队，保 持百分百好评率。个人管家 风格：性价比至上，关注点 低质量，严禁不懈</p>
							<!--免费定制设计方案-->
							<a href="detail.html?headstyle=wedshopheader&drawmod=1*5*7&btntxt=%25E5%2585%258D%25E8%25B4%25B9%25E5%25AE%259A%25E5%2588%25B6%25E8%25AE%25BE%25E8%25AE%25A1%25E6%2596%25B9%25E6%25A1%2588" class="mod-nav">查看详情 ></a>
						</div>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E婚礼管家列表-->

		<!--S婚宴酒店列表1-->
		<script type="text/html" id="hyjdJs">
			<div class="item-list">
				{{each arr as item index}}
				<div class="hotel-item mui-clearfix">
					<div class="hotel-item-header mui-pull-left">
						<img src="http://placehold.it/261x261" />
					</div>
					<div class="hotel-item-body mui-pull-left">
						<h2 class="mod-title-30 mui-ellipsis">酒店名字</h2>
						<p class="mod-price mui-ellipsis">&yen;899-2399/桌</p>
						<p class="mod-info-20 mui-ellipsis">共6个厅 可容纳1000人</p>
						<h2 class="mod-title-24 mui-ellipsis"><i class="icon-locat mr6"></i>九龙坡区</h2>
						<a href="detail.html?headstyle=wedheader&drawmod=13*14*7&btntxt=%25E5%2585%258D%25E8%25B4%25B9%25E9%25A2%2584%25E7%25BA%25A6%25E7%259C%258B%25E5%259C%25BA%25E5%259C%25B0" class="mod-nav">查看详情 ></a>
					</div>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E婚宴酒店列表1-->

		<!--S婚礼策划页面列表2-->
		<script type="text/html" id="hlchJs">
			<div class="item-list">
				{{each arr as item index}}
				<a href="detail.html?headstyle=wedshopheader&drawmod=0*14*7&btntxt=%25E5%2585%258D%25E8%25B4%25B9%25E5%25AE%259A%25E5%2588%25B6%25E8%25AE%25BE%25E8%25AE%25A1%25E6%2596%25B9%25E6%25A1%2588">
					<div class="plan-item">
						<div class="plan-item-header mui-clearfix">
							<div class="pih-img mui-pull-left">
								<img src="http://placehold.it/60x60" />
							</div>
							<div class="pih-info mui-pull-left">
								<h2 class="mod-title-30 mui-ellipsis">商家名字</h2>
								<p class="mod-detail-22 mui-ellipsis">商家描述商家描述商家描述</p>
							</div>
						</div>
						<!--<img src="http://placehold.it/220x330"/>-->
						<div class="plan-item-body">
							<img src="http://placehold.it/447x447" class="big-img" />
							<img src="http://placehold.it/213x213" class="small-img" />
							<div class="cover-img">
								<span>+23</span>
								<img src="http://placehold.it/213x213" />
							</div>
						</div>
						<div class="plan-item-detail">
							<p class="mod-price mui-ellipsis mt12">&yen;36666-46666</p>
							<p class="mod-info-24 mui-ellipsis mt16">案例套餐：35</p>
							<p class="mod-title-24 mui-ellipsis mt20"><i class="icon-locat mr6"></i>渝中区解放碑时代豪苑D座31-9</p>
						</div>
					</div>
				</a>
				{{/each}}
			</div>
		</script>
		<!--E婚宴策划页面列表2-->
		
		<!--S策划案例列表2-2-->
		<script type="text/html" id="chalJs">
			<div class="item-list">
				{{each arr as item index}}
				<div class="hotel-item mui-clearfix">
					<div class="hotel-item-header mui-pull-left">
						<img src="http://placehold.it/261x261" />
					</div>
					<div class="hotel-item-body mui-pull-left">
						<h2 class="mod-title-30 mui-ellipsis">婚礼名字主题</h2>
						<p class="mod-price mui-ellipsis">&yen;366666</p>
						<p class="mod-info-24 mt12 mui-ellipsis-2 chal-detail">描述（没有就空起）最多最多最多最 多最多最多最多最多最多最多到这...</p>
						<a href="detail.html?headstyle=wedheader&drawmod=8*12*7&btntxt=%25E5%259C%25A8%25E7%25BA%25BF%25E8%25B4%25AD%25E4%25B9%25B0" class="mod-nav">查看详情 ></a>
					</div>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E策划案例列表2-2-->

		<!--S婚纱摄影页面列表3-->
		<script type="text/html" id="hssyJs">
			<div class="item-list">
				{{each arr as item index}}
				<div class="plan-item">
					<a href="detail.html?headstyle=wedshopheader&drawmod=12*14*7&btntxt=%25E5%2585%258D%25E8%25B4%25B9%25E9%25A2%2584%25E7%25BA%25A6">
					<div class="plan-item-header mui-clearfix">
						<div class="pih-img mui-pull-left">
							<img src="http://placehold.it/60x60" />
						</div>
						<div class="pih-info mui-pull-left">
							<h2 class="mod-title-30 mui-ellipsis">商家名字</h2>
							<p class="mod-detail-22 mui-ellipsis">商家描述商家描述商家描述</p>
						</div>
					</div>
					<div class="plan-item-body">
						<img src="http://placehold.it/447x447" class="big-img" />
						<img src="http://placehold.it/213x213" class="small-img" />
						<div class="cover-img">
							<span>+23</span>
							<img src="http://placehold.it/213x213" />
						</div>
					</div>
					<div class="plan-item-detail">
						<p class="mod-price mui-ellipsis mt12">&yen;36666-46666</p>
						<p class="mod-info-24 mui-ellipsis mt16">摄影套餐：35</p>
						<p class="mod-title-24 mui-ellipsis mt20"><i class="icon-locat mr6"></i>渝中区解放碑时代豪苑D座31-9</p>
					</div>
					</a>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E婚纱摄影页面列表3-->

		<!--S摄影套系列表3-2-->
		<script type="text/html" id="cytxJs">
			<div class="item-list">
				{{each arr as item index}}
				<div class="hotel-item mui-clearfix">
					<div class="hotel-item-header mui-pull-left">
						<img src="http://placehold.it/261x261" />
					</div>
					<div class="hotel-item-body mui-pull-left">
						<h2 class="mod-title-30 mui-ellipsis">摄影摄影</h2>
						<p class="mod-price mui-ellipsis">&yen;1888</p>
						<p class="mod-info-24 mt12 mui-ellipsis-2 chal-detail">描述（没有就空起）最多最多最多最 多最多最多最多最多最多最多到这...</p>
						<a href="detail.html?headstyle=wedheader&drawmod=8*15*7&btntxt=%25E5%259C%25A8%25E7%25BA%25BF%25E8%25B4%25AD%25E4%25B9%25B0" class="mod-nav">查看详情 ></a>
					</div>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E摄影套系列表3-2-->

		<!--S蜜月旅行页面列表4-->
		<script type="text/html" id="mylxJs">
			<div class="item-list">
				{{each arr as item index}}
				<div class="hotel-item mui-clearfix">
					<div class="hotel-item-header mui-pull-left">
						<img src="http://placehold.it/261x261" />
					</div>
					<div class="hotel-item-body mui-pull-left">
						<h2 class="mod-title-30 mui-ellipsis">酒店名字</h2>
						<p class="mod-price mui-ellipsis">&yen;3666/人</p>
						<p class="mod-info-20 mui-ellipsis">六天五夜·双飞</p>
						<h2 class="mod-title-24 mui-ellipsis"><i class="icon-locat mr6"></i>泰国人妖地区</h2>
						<a href="detail.html?headstyle=wedheader&drawmod=8*16*7&btntxt=%25E5%259C%25A8%25E7%25BA%25BF%25E8%25B4%25AD%25E4%25B9%25B0" class="mod-nav">查看详情 ></a>
					</div>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E蜜月旅行页面列表4-->

		<!--S四大金刚页面列表5-->
		<script type="text/html" id="sdjgJs">
			<div class="item-list">
				{{each arr as item index}}
				<div class="hotel-item mui-clearfix">
					<div class="hotel-item-header mui-pull-left">
						<img src="http://placehold.it/261x261" />
					</div>
					<div class="hotel-item-body mui-pull-left">
						<h2 class="mod-title-30 mui-ellipsis">踪沁</h2>
						<p class="mod-price mui-ellipsis">&yen;1/天</p>
						<p class="mod-info-24 mui-ellipsis">女</p>
						<h2 class="mod-title-24 mui-ellipsis"><i class="icon-locat mr6"></i>泰国人妖地区</h2>
						<a href="detail.html?headstyle=wedshopheader&drawmod=3*6*7&btntxt=" class="mod-nav">查看详情 ></a>
					</div>
				</div>
				{{/each}}
			</div>
		</script>
		<!--E四大金刚页面列表5-->
		
		<script src="js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mod.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/discover.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>